<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">


    <f:metadata>
        <f:event type="preRenderView" listener="#{sessionManaged.validar_session('wfrmProveedor')}"/>
    </f:metadata>

    <body>

        <ui:composition template="./../../../template.xhtml">
            <ui:define name="main_content">

                <ui:include src="/web-pages/OTROS/HELP/wfrmHelp_mtto.xhtml">
                    <ui:param name="toolBarWidth" value="1100"/>
                    <ui:param name="toolBarTitleWidth" value="1050"/>
                    <ui:param name="title" value="Proveedor"/>
                </ui:include>

                <div align="left" >
                    <p:panel header="Informaci&oacute;n de Proveedor" style="width: 1100px" >

                        <ui:include src="/web-pages/OTROS/wfrmMensaje.xhtml"/>

                        <h:form id="P">
                            <h:panelGrid id="pProveedor1" columns="4" style="width:inherit">
                                <h:outputLabel value="Pa&iacute;s:"/>
                                <h:selectOneMenu id="cbPais"  value="#{proveedorManaged.selectedProveedor.codigo_pais_p}"  style="width:250px"  >
                                    <f:selectItems value="#{proveedorManaged.paises}" var="pa" itemLabel="#{pa.nombre_p}" itemValue="#{pa.codigo_p}"/>
                                    <p:ajax listener="#{proveedorManaged.llenarDepartamentos}" update="cbDepartamento cbMunicipio"/>
                                </h:selectOneMenu>

                                <h:outputText value="Departameto: "/>
                                <h:selectOneMenu id="cbDepartamento" value="#{proveedorManaged.selectedProveedor.codigo_d}" style="width:250px"  >
                                    <f:selectItems value="#{proveedorManaged.departamentos}" var="de" itemLabel="#{de.nombre_d}" itemValue="#{de.codigo_d}"/>
                                    <p:ajax  listener="#{proveedorManaged.llenarMunicipios}" update="cbMunicipio"/>
                                </h:selectOneMenu>

                                <h:outputText value="Municipio" />
                                <h:selectOneMenu id="cbMunicipio" value="#{proveedorManaged.selectedProveedor.codigo_m}" rendered="true" style="width:250px" >
                                    <f:selectItems value="#{proveedorManaged.municipios}" var="mu" itemLabel="#{mu.nombre_m}" itemValue="#{mu.codigo_m}"/>
                                </h:selectOneMenu>
                                <h:outputText value="Tipo Proveedor" />
                                <h:selectOneMenu value="#{proveedorManaged.selectedProveedor.codigo_tp}" rendered="true" style="width:250px" >
                                    <f:selectItems value="#{proveedorManaged.tipoProveedores}" var="tp" itemLabel="#{tp.nombre_tp}" itemValue="#{tp.codigo_tp}"/>
                                </h:selectOneMenu>
                            </h:panelGrid>

                            <h:panelGrid id="pProveedor2"  columns="4" style="width:inherit" >
                                <h:outputText value="Empresa"/><p:inputText value="#{proveedorManaged.selectedProveedor.empresa_p}" style="width: 575px" />
                                <h:outputText value="Registro"/><p:inputText value="#{proveedorManaged.selectedProveedor.registro_p}" style="width: 170px" />

                                <h:outputText value="Contacto" /><p:inputText value="#{proveedorManaged.selectedProveedor.contacto_p}" style="width: 575px" />
                                <h:outputText value="NIT"/><p:inputText value="#{proveedorManaged.selectedProveedor.nit_p}"  style="width: 170px" />

                                <h:outputText value="Direcci&oacute;n &nbsp;"/><p:inputText value="#{proveedorManaged.selectedProveedor.direccion_p}" style="width: 575px"/>
                                <h:outputText value="Tel&eacute;fono &nbsp;&nbsp;"/><p:inputText value="#{proveedorManaged.selectedProveedor.telefono_p}" style="width: 170px" />

                                <h:outputText value="Giro"/><p:inputText value="#{proveedorManaged.selectedProveedor.giro_p}" style="width: 575px"/>
                                <h:outputText value="Email"/><p:inputText value="#{proveedorManaged.selectedProveedor.email_p}" style="width: 170px" />

                                <h:outputText value="Otra Informaci&oacute;n"/><p:inputText value="#{proveedorManaged.selectedProveedor.otra_informacion_p}" style="width: 575px" />
                                <h:outputText value="L&iacute;mite Cr&eacute;."/><p:inputText value="#{proveedorManaged.selectedProveedor.limite_credito_p}" style="width: 170px" />
                            </h:panelGrid>


                            <h:panelGrid id="pProveedor3" columns="8" >
                                <h:outputText value="Plazo"/><p:spacer width="65" height="10"/><p:inputText value="#{proveedorManaged.selectedProveedor.plazo_p}"  style="width: 50px" />

                                <h:outputText value="Aplicar Percepci&oacute;n"/><h:selectBooleanCheckbox value="#{proveedorManaged.selectedProveedor.aplicar_percepcion_filtro_p}" />
                                <h:outputText value="Inactivo"/><h:selectBooleanCheckbox value="#{proveedorManaged.selectedProveedor.estado_filtro_p}" />
                            </h:panelGrid>

                            <div align="center">
                                <br/>
                                <h:panelGrid id="pBotones" columns="3" cellpadding="5" style="width:inherit" >
                                    <p:commandButton value="#{sms.guardar}" image="ui-icon ui-icon-check" onclick="cmdConfirm.show()" />
                                    <p:commandButton value="#{sms.buscar}" image="ui-icon ui-icon-search" actionListener="#{proveedorManaged.fillGrid}" title="Buscar Proveedor" update="grid:table mensaje"/>
                                    <p:commandButton value="#{sms.limpiar}" actionListener="#{limpiarManaged.limpiar}" update="P:pProveedor1 P:pProveedor2 P:pProveedor3 grid:table" />
                                    <p:confirmDialog message="#{sms.iAlmacenada}"  header="#{sms.guardar}" severity="alert"  widgetVar="cmdConfirm">
                                        <p:commandButton value="Si" actionListener="#{proveedorManaged.completeTransaction}" update="P:pProveedor1 P:pProveedor2 P:pProveedor3 grid:table mensaje" oncomplete="cmdConfirm.hide()" />
                                        <p:commandButton value="No" onclick="cmdConfirm.hide()"/>
                                    </p:confirmDialog>
                                </h:panelGrid>
                                <br/>
                            </div>
                        </h:form>

                        <h:form id="grid" style="width: inherit" >
                            <p:dataTable id="table" value="#{proveedorManaged.proveedores}" var="row" rows="12"
                                         paginator="true" paginatorPosition="bottom" selectionMode="single" selection="#{proveedorManaged.selectedProveedor}"
                                         emptyMessage="#{sms.TableEmptyMessage}" onRowSelectUpdate="P:pProveedor1 P:pProveedor2 P:pProveedor3 mensaje"
                                         rowSelectListener="#{proveedorManaged.llenarPDM}" >
                                <f:facet name="header" >
                                    <h:outputText value="Lista de Proveedores"/>
                                </f:facet>
                                <p:column headerText="Pa&iacute;s" filterBy="#{row.nombre_p}" sortBy="#{row.nombre_p}" filterMatchMode="contains" style="width: 85px">
                                    <h:outputText value="#{row.nombre_p}" />
                                </p:column>
                                <p:column headerText="Departamento" filterBy="#{row.nombre_d}" sortBy="#{row.nombre_d}" filterMatchMode="contains" style="width: 95px">
                                    <h:outputText value="#{row.nombre_d}" />
                                </p:column>
                                <p:column headerText="Municipio" filterBy="#{row.nombre_m}" sortBy="#{row.nombre_m}" filterMatchMode="contains" style="width: 95px">
                                    <h:outputText value="#{row.nombre_m}" />
                                </p:column>

                                <p:column headerText="Empresa" filterBy="#{row.empresa_p}" sortBy="#{row.empresa_p}" filterMatchMode="contains" style="width: 150px">
                                    <h:outputText value="#{row.empresa_p}"/>
                                </p:column>
                                <p:column headerText="Giro" filterBy="#{row.giro_p}" sortBy="#{row.giro_p}" filterMatchMode="contains" style="width: 150px">
                                    <h:outputText value="#{row.giro_p}" />
                                </p:column>
                            </p:dataTable>
                        </h:form>
                    </p:panel>
                </div>
            </ui:define>
        </ui:composition>
    </body>
</html>
